<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/首页.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="home-wp">
				<div class="top-step">
					<div class="item active">
						<span class="no">1</span>
						<div class="name">发布商品</div>
						<div class="bz-list">
							<div class="it">发布1个商品</div>
							<div class="it">等待平台选款</div>
							<div class="it">查看选款结果</div>
						</div>
						<div class="fb-btn">去发布商品</div>
						<div class="jc-btn">查看教程<i class="el-icon-arrow-right"></i></div>
					</div>
					<div class="item">
						<span class="no">2</span>
						<div class="name">寄送样品<br/>平台审核</div>
						<div class="tip">寄送样品至平台审版，确保商品实物与资料一致</div>
						<img src="./static/image/img24.jpg">
					</div>
					<div class="item">
						<span class="no">3</span>
						<div class="name">首单送货<br/>上架售卖</div>
						<div class="tip">寄送首单货品到仓，顺利通过各项核检，商品开始上架售卖</div>
						<img src="./static/image/img25.jpg">
					</div>
					<div class="item">
						<span class="no">4</span>
						<div class="name">跟进售卖<br/>准备备货</div>
						<div class="tip">商家/平台根据商品数据发起返单，持续供给商城销售</div>
						<img src="./static/image/img26.jpg">
					</div>
					<div class="item">
						<div class="name">及时完善<br/>基础配置</div>
						<div class="tip">请尽快补充司基础信息，否则将影响平台下单、商品上架</div>
						<img src="./static/image/img27.jpg">
					</div>
				</div>
				<div class="flex items-center py-10">
					<div class="text-20 mr-10">经营分析</div>
					<div class="color-gray-400 text-13" style="margin-right: auto;">除销量外所有指标均受到法务合规限制，详情见 <span class="text-primary">数据合规说明</span></div>
					<el-button type="info" plain>查看更多</el-button>
				</div>
				<div class="card">
					<div class="flex items-center t-form-box">
						<span class="mr-10">日期</span>
						<el-date-picker
							style="width: 270px;margin-right: 10px;"
							v-model="form.aaa"
							size="medium"
							type="daterange"
							range-separator="至"
							start-placeholder="开始日期"
							end-placeholder="结束日期"
							@change="changeDate()">
						</el-date-picker>
						<span class="mr-10">对比</span>
						<el-date-picker
							style="width: 270px;margin-right: 10px;"
							v-model="form.bbb"
							size="medium"
							type="daterange"
							range-separator="至"
							start-placeholder="开始日期"
							end-placeholder="结束日期"
							@change="changeDate()">
						</el-date-picker>
						<div class="color-gray-400">数据更新时间:{{nowDate}}(UTC+0)</div>
					</div>
					<el-row :gutter="20">
						<el-col class="tj-box" :span="12">
							<el-row>
								<el-col :span="8">
									<div class="item">
										<div class="num-box">
											<div class="name">总销量<i class="el-icon-arrow-right"></i></div>
											<div class="num">{{greenTotal.toLocaleString()}}</div>
											<div class="bhl">
												<span>较上周期</span>
												<div class="bfb" :class="{tb: tj.zxl.bhl < 0}">
													<i class="iconfont icon-shang-copy-copy"></i>
													<span>{{totalBfl}}%</span>
												</div>
											</div>
										</div>
									</div>
								</el-col>
								<el-col :span="16">
									<div class="item pt-10">
										<m-charts height="100%" :options="chartOption"></m-charts>
									</div>
								</el-col>
								<el-col :span="8">
									<div class="item">
										<div class="num-box">
											<div class="name">商品曝光次数<i class="el-icon-arrow-right"></i></div>
											<div class="num">{{spbgs.toLocaleString()}}</div>
											<div class="bhl">
												<span>较上周期</span>
												<div class="bfb" :class="{tb: tj.spbgcs.bhl < 0}">
													<i class="iconfont icon-shang-copy-copy"></i>
													<span>{{spbgl}}%</span>
												</div>
											</div>
										</div>
									</div>
								</el-col>
								<el-col :span="8">
									<div class="item">
										<div class="num-box">
											<div class="name">商品点击次数<i class="el-icon-arrow-right"></i></div>
											<div class="num">{{spdjs.toLocaleString()}}</div>
											<div class="bhl">
												<span>较上周期</span>
												<div class="bfb" :class="{tb: spdjl < 0}">
													<i class="iconfont icon-shang-copy-copy"></i>
													<span>{{spdjl}}%</span>
												</div>
											</div>
										</div>
									</div>
								</el-col>
								<el-col :span="8">
									<div class="item">
										<div class="num-box">
											<div class="name">转化率<i class="el-icon-arrow-right"></i></div>
											<div class="num">{{zhl}}%</div>
											<div class="bhl">
												<span>较上周期</span>
												<div class="bfb" :class="{tb: tj.zhl.bhl < 0}">
													<i class="iconfont icon-shang-copy-copy"></i>
													<span>{{zhl2}}%</span>
												</div>
											</div>
										</div>
									</div>
								</el-col>
							</el-row>
						</el-col>
						<el-col :span="12">
							<div class="goods-list">
								<div class="top">
									<span class="text-16">销量排行前三</span>
									<div class="text-12 color-gray-400">查看更多<i class="ml-5 el-icon-arrow-right"></i></div>
								</div>
								<div v-for="(item, index) in goods" :key="index" class="item">
									<span class="sort" :class="{aa: index == 0}">{{index+1}}</span>
									<img :src="item.img">
									<div class="one">
										<div class="name">{{item.name}}</div>
										<div class="spu">SPU：{{item.spu}}<i class="iconfont icon-copy2fuzhi"></i></div>
									</div>
									<div class="ys">{{item.ys}}</div>
									<div class="right">
										<div class="bhl">
											<div class="bfb" :class="{tb: item.bhl < 0}"><i class="iconfont icon-shang-copy-copy"></i>{{item.bhl}}</div>
											<div>较上周期</div>
										</div>
									</div>
								</div>
							</div>
						</el-col>
					</el-row>
				</div>
			</div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
	<script src="./static/libs/echarts5.4.3.js"></script>
	<script src="./static/libs/dayjs.min.js"></script>
	<script src="./static/js/Tools.js"></script>
	<script src="./static/image/goods/title.js"></script>
	<script src="./config/首页.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/首页.js"></script>
</body>
</html>